/**
 * 事件驱动开发
 */
function btnClick(b,e){
	var win = new Ext.Window({
		title: "win1"+b.text,
		width: 300,
		height: 200,
		// 所有容器都可以通过items去定义容器内所包含的东西
		items:[new Ext.Button({
			text:"按钮1"
			}),
			{xtype:"button",text:"按钮2"}
		],
		// layout 负责排列容器
		// layout:"fit"
		layout:"anchor"
	});
	win.on("beforeshow",function(){
		// if return fasle it will stop the show.
		// return false;
		return confirm("是否显示");
	})
	//执行一次后调用disable方法，达到只执行一次的目的
	b.disable();
	// 只有window不用render方法，直接用show
	win.show();
}
//通过Ext.onReady来开始调用Ext组件
Ext.onReady(function(){
	// 代替document.getElementById方法
	Ext.get("link1").on("click",function(e){
		console.log(e);
		console.log(e.constructor);
		// 调用自身的阻止默认事件，可见效果为：a标签的href属性不生效
		e.preventDefault();
	})
	
	Ext.get("link2").on("click",function(e){
		alert(e);
	},this,
	{	
		//延迟2s
//		delay:2000,
		//执行一次
//		single:true,
		//一定时间内只执行一次,0.5s
		buffer:500
	})
	
	var btn1 = new Ext.Button({
		text:"我的按钮1",
//		disable:true,
		listeners:{
			click:btnClick
			}
		});
	btn1.render("btn1");
	var btn2 = new Ext.Button({text:"我的按钮2"});
	btn2.render("btn2");
	btn2.on("click",btnClick);
});